<template>
<div class="about">
  <div v-if="open" class="yan">key</div>
  <div v-else>123</div>
</div>
</template>

<script>
import {
  reactive,
  toRefs
} from "vue";
export default {
  setup() {
    const obj = reactive({
      open: true,
    });
    return {
      ...toRefs(obj),
    };
  },
};
</script>

<style lang="scss" scoped>
$highlight-color: #f90;

.yan {
  color: $highlight-color;
}
</style>
